<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width,initial-scale=1,user-scalable=0">
<title>账户列表</title>
<!-- 引入 WeUI -->
<link rel="stylesheet" href="/web-finance/style/weui.min.css">
<link rel="stylesheet" href="/web-finance/example/example.css">
<script src="/web-finance/example/zepto.min.js"></script>
<style type="text/css">
object, embed {
	-webkit-animation-duration: .001s;
	-webkit-animation-name: playerInserted;
	-ms-animation-duration: .001s;
	-ms-animation-name: playerInserted;
	-o-animation-duration: .001s;
	-o-animation-name: playerInserted;
	animation-duration: .001s;
	animation-name: playerInserted;
}

@
-webkit-keyframes playerInserted {
	from {opacity: 0.99;
}

to {
	opacity: 1;
}

}
@
-ms-keyframes playerInserted {
	from {opacity: 0.99;
}

to {
	opacity: 1;
}

}
@
-o-keyframes playerInserted {
	from {opacity: 0.99;
}

to {
	opacity: 1;
}

}
@
keyframes playerInserted {
	from {opacity: 0.99;
}

to {
	opacity: 1;
}
}
</style>
</head>
<body ontouchstart>
	<!--<p data-th-text = "${accountlist}" />-->
	<!--
    <ul th:each="lm : ${accountlist}"> 
   		<li th:text="${lm.faccountnumber}" ></li>   
        <li th:text="${lm.faccountname}" th:if="${not #strings.isEmpty(lm.faccountname)}"></li>
        <li th:text="${lm.faccountid}" th:if="${not #strings.isEmpty(lm.faccountid)}"></li>  
        <li th:text="${lm.accountType}" th:if="${not #strings.isEmpty(lm.accountType)}"></li>    
    </ul>
    -->
	<form action="" method="post">
		<input id="accountnumber" name="accountnumber" type="hidden" value="" />
		<input id="accountname" name="accountname" type="hidden" value="" />
		<input id="accountid" name="accountid" type="hidden" value="" /> <input
			id="accountType" name="accountType" type="hidden" value="" />
		<div class="weui-cells" th:each="lm : ${accountlist}">
			<a class="weui-cell weui-cell_access" href="javascript:;"
				th:id="'btn_'+${lmStat.index}"
				th:onclick="'javascript:goNext(\''+${lm.faccountnumber} +'\', \''+ ${lm.faccountid} +'\', \''+ ${lm.accountType} + '\', \'' + ${lm.faccountname} + '\')'">
				<div class="weui-cell__bd">
					<p th:text="${lm.faccountnumber}">cell standard</p>
					<p th:text="${lm.faccountname}"
						th:if="${not #strings.isEmpty(lm.faccountname)}">cell standard</p>
					<!--  	
					<p th:text="${lm.faccountid}"
						th:if="${not #strings.isEmpty(lm.faccountid)}">cell standard</p>
					<p th:text="${lm.accountType}"
						th:if="${not #strings.isEmpty(lm.accountType)}">cell standard</p>
						-->
				</div>
				<div class="weui-cell__ft"></div>
			</a>

		</div>
	</form>

	<div class="page msg_warn js_show" th:if="${not #strings.isEmpty(msg)}">
		<div class="weui-msg">
			<div class="weui-msg__icon-area">
				<i class="weui-icon-warn weui-icon_msg"></i>
			</div>
			<div class="weui-msg__text-area">
				<h2 class="weui-msg__title" data-th-text="${msg}">操作失败</h2>
				<p class="weui-msg__desc">
					如有问题请联系管理员。<a href="tel:057688816988">拨打电话</a>
				</p>
			</div>
			<div class="weui-msg__opr-area">
				<p class="weui-btn-area">
					<a href="javascript:history.back();"
						class="weui-btn weui-btn_primary">返回</a>
					<!-- <a href="javascript:history.back();" class="weui-btn weui-btn_default">辅助操作</a>  -->
				</p>
			</div>
			<div class="weui-msg__extra-area">
				<div class="weui-footer">
					<p class="weui-footer__links">
						<a href="javascript:void(0);" class="weui-footer__link">www.fyg.cn</a>
					</p>
					<p class="weui-footer__text">Copyright © 2008-2016 weui.io</p>
				</div>
			</div>
		</div>
	</div>
</body>

<script type="text/javascript">
	function goNext(a, b, c, d) {
		var input1 = $("#accountnumber");
		var input2 = $("#accountid");
		var input3 = $("#accountType");
		var input4 = $("#accountname");
		var form = $("form");
		if (c == "salary") {
			input1[0].value = a;
			form.attr("action", "/web-finance/salarylist");
			//alert(c);
		} else if (c == "depositReceived") {

			input1[0].value = a;
			form.attr("action", "/web-finance/depositlist");
			//alert(c);
		} else {

			input1[0].value = a;
			input2[0].value = b;
			input4[0].value = d;
			form.attr("action", "/web-finance/balancelist");
			//alert(b);
		}
		form.submit();
	}
</script>
</html>
